<title>目的地管理>添加</title>
<link rel="stylesheet" href="../assets/css/bootstrap-multiselect.css"/>
<!-- ajax layout which only needs content area -->
<div class="space-8"></div>
<div class="row">
  <div class="col-xs-4">
    <div class="form-group">
      <div class="uploader-container">
        <!--头部，相册选择和格式选择-->
        <div class="uploader">
          <div class="queueList center center-block">
           <p>当前图片真实尺寸：<span id="Imgsize">0*0</span></p>
            <div  class="placeholder dndArea">
              <img class="mainImg" src=" " alt="">
            </div>
            <div class="webuploader-pick" id="webuploader-pick">点击选择主图</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="col-xs-6">
    <!-- PAGE CONTENT BEGINS -->
    <div class="block-center dtype center" id="destinationLevel">
      <span class="btn btn-primary active" data="1">区域</span>
      <span class="btn btn-primary" data="2">目的地</span>
    </div>

    <form class="form-horizontal" role="form" id="editForm">
      <div class="space-8"></div>
      <!-- #section:elements.form -->
      <div class="form-group" id="areaId-box" style="display: none">
        <label class="col-sm-3 control-label no-padding-right" for="areaId">区域</label>
        <div class="col-sm-6">
          <select class="col-xs-12 col-sm-12" id="areaId">

          </select>
        </div>
      </div>
      <div class="space-4"></div>

      <div class="form-group" id="area2Id-box" style="display: none">
        <label class="col-sm-3 control-label no-padding-right" for="area2Id">目的地</label>
        <div class="col-sm-6">
          <select class="col-xs-12 col-sm-12" id="area2Id" multiple>
          </select>
        </div>
      </div>
      <div class="space-4"></div>


      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="destinationName">名称</label>
        <div class="col-sm-6">
          <input type="text" id="destinationName" placeholder="苏梅岛" class="col-xs-12 col-sm-12" required/>
        </div>
        <label class="col-sm-3 error" for="destinationName"></label>
      </div>
      <div class="space-4"></div>

      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="destinationDetail">描述</label>
        <div class="col-sm-6">
          <textarea type="text" id="destinationDetail" placeholder="目的地描述,如不列颠群岛是欧洲西北部的岛群" class="col-xs-12 col-sm-12"></textarea>
        </div>
        <label class="col-sm-3 error" for="destinationDetail"></label>
      </div>
      <div class="space-4"></div>

      <div class="form-group" id="type-box">
        <label class="col-sm-3 control-label no-padding-right" for="type">国内外</label>
        <div class="col-sm-6">
          <select class="col-xs-12 col-sm-12" id="type">
            <option value="1">国内</option>
            <option value="2">国外</option>
          </select>
        </div>
        <label class="col-sm-3 error" for="type"></label>
      </div>
      <div class="space-4"></div>

      <div class="form-group" id="destinationType-box" style="display: none">
        <label class="col-sm-3 control-label no-padding-right" for="type">区域类型</label>
        <div class="col-sm-6">
          <select class="col-xs-12 col-sm-12" id="destinationType">

          </select>
        </div>
        <label class="col-sm-3 error" for="destinationType"></label>
      </div>
      <div class="space-4"></div>

      <div class="form-group" id="isNear-box">
        <label class="col-sm-3 control-label no-padding-right" for="isNear">周边游</label>
        <div class="col-sm-6">
          <select class="col-xs-12 col-sm-12" id="isNear">
            <option value="0">否</option>
            <option value="1">是</option>
          </select>
        </div>
        <label class="col-sm-3 error" for="type"></label>
      </div>
      <div class="space-4"></div>

      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="hot"> 热门</label>
        <div class="col-sm-6">
          <select class="col-xs-12 col-sm-12" id="hot">
            <option value="0">否</option>
            <option value="1">是</option>
          </select>
        </div>
        <label class="col-sm-3 error" for="type"></label>
      </div>
      <div class="space-4"></div>
      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="sort"> 排序</label>
        <div class="col-sm-6">
          <select class="col-xs-12 col-sm-12" id="sort">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
          </select>
        </div>
      </div>
      <div class="space-4"></div>

      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="sort"> 图片长宽比</label>
        <div class="col-sm-6">
          <select disabled class="col-xs-12 col-sm-12" id="positionType">
            <option value="0">其他</option>
            <option value="1">300*450</option>
            <option value="2">300*300</option>
            <option value="3">450*300</option>
          </select>
        </div>
      </div>
      <div class="space-4"></div>
    </form>
  </div>
</div>
<div class="row">

  <div class="col-xs-4">
    <div id="allmap" style="height: 400px;width: 100%"></div>
  </div>

  <div class="col-xs-6">
    <!-- PAGE CONTENT BEGINS -->
    <form class="form-horizontal" role="form">
      <div class="space-8"></div>
      <!-- #section:elements.form -->
      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="mapLongitude">经度</label>
        <div class="col-sm-6">
          <input type="text" id="mapLongitude"   class="col-xs-12 col-sm-12"/>
        </div>
      </div>
      <div class="space-4"></div>

      <div class="form-group">
        <label class="col-sm-3 control-label no-padding-right" for="mapLatitude">纬度</label>
        <div class="col-sm-6">
          <input type="text" id="mapLatitude"  class="col-xs-12 col-sm-12"/>
        </div>
      </div>
      <div class="space-4"></div>


      <div class="space-4"></div>
    </form>
  </div>
</div><!-- /.row -->

<div class="space-8"></div>
<div class="col-xs-12">

  <div class="form-actions center">
    <button class="btn btn-success" id="add">
      <i class="ace-icon fa fa-check"></i>
      提交
    </button>
    <a href="#page/destination/list">
      <button class="btn btn-primary">
        <i class="ace-icon fa fa-reply align-top bigger-125"></i>
        取消
      </button>
    </a>
  </div>

</div>

<div class="hr hr-18 dotted hr-double"></div>

<!-- page specific plugin scripts -->

<script src="../public/javascripts/scripts/destination/add.js"></script>
